import {createRouter, createWebHistory} from 'vue-router';
import HomePage from '../views/HomePage.vue'; // HomePage 组件
import AboutPage from '../views/AboutPage.vue'; // AboutPage 组件
import NotFound from '../views/NotFound.vue';

const routes = [
    {path: '/', redirect: '/home'},// 默认跳转到 /home
    {path: '/home', component: HomePage},
    {path: '/about', component: AboutPage, name: 'about'},
    {path: '/:pathMatch(.*)*', component: NotFound}
    // 404页面,Vue Router 4移除了旧版的星号(*)通配符路由定义方式。
    //现在需要使用带正则表达式的动态路由参数来实现类似功能。
];

const router = createRouter({
    history: createWebHistory(),
    routes,
    linkActiveClass: 'active', // 添加一个类名，用于表示当前路由的链接是活动的
    linkExactActiveClass: 'exact-active' // 添加一个类名，用于表示当前路由的链接是精确匹配的
});

export default router;